<!DOCTYPE HTML>
<html lang="en">
<head>
	<meta charset="UTF-8">
 <link rel="stylesheet" href="css/style.css"  media="screen">
  <script src="js/common.js"></script>
	<title>Kingdee k/3 HR Plus</title>
</head>
<body>
<header id="main">
	<div id="logo">Kingdee k/3 HR Plus</div>
	<div id="company">Microsoft (China) Co.LTD</div>
	<nav>
		<a href="#">Admin</a> |
		<a href="#">Setting</a> |
		<a href="#">Logout</a> |
		<a href="#">Help</a> |
	</nav>
  <div class="clear"></div>
</header>
<nav id="mainnav">
  <div id="face"><img src="images/tx.png"></div>
  <ul>
  	<li>
  		<a href="">Tasks</a>
  		<span>(10)</span>
  	</li>
  	<li>
  		<a href="">Messages</a>
  		<span>(80)</span>
  	</li>
  	<li>
  		<a href="">Applications</a>
  		<span>(5)</span>
  	</li>
  	<li>
  		<a href="">Processed</a>
  		<span>(10)</span>
  	</li>
  	<li>
  		<a href="">Managed</a>
  		<span>(25)</span>
  	</li>
  </ul>
  <form action="">
  	<input type="search" id="keyword" namd="keyword" placeholder="Employee | Position | Unit | Task | Menu" />
  	<input type="submit" value="" />
  </form>
  <span></span>
  <div class="clear"></div>
</nav>
	<div class="wrapper">
    <aside>
    	<header>
        <h2>Bill Gates</h2>
        <span>Microsoft founder</span> 
      </header>
    	<nav>
    		<ul>
    			<li class="active">
    				<a href="">Competence Model</a>
    				<span></span>
    			</li>
    			<li>
    				<a href="">Performance Mgmt</a>
    				<span></span>
    			</li>
    			<li>
    				<a href="">Organization Planning</a>
    				<span></span>
    			</li>
    			<li>
    				<a href="">Employee Mgmt</a>
    				<span></span>
    			</li>
    			<li>
    				<a href="">Attendance</a>
    				<span></span>
    			</li>
    			<li>
    				<a href="">Recruitment</a>
    				<span></span>
    			</li>
    			<li>
    				<a href="">Training</a>
    				<span></span>
    			</li>
    			<li>
    				<a href="">Salary Planning</a>
    				<span></span>
    			</li>
    			<li>
    				<a href="">Payroll</a>
    				<span></span>
    			</li>
    			<li>
    				<a href="">Benefits</a>
    				<span></span>
    			</li>
    			<li>
    				<a href="">Reports</a>
    				<span></span>
    			</li>
    			<li>
    				<a href="">Mobile HR Info</a>
    				<span></span>
    			</li>
    			<li>
    				<a href="">HR Client Plantform</a>
    				<span></span>
    			</li>
    			<li>
    				<a href="">My platform</a>
    				<span></span>
    			</li>
    		</ul>
    	</nav>
    </aside> 
    <div class="maincontent">
      <nav id="toolbar">
      	<span></span>
      	<ul>
      		<li>
      			<img src="images/Competence.png" alt="" />
      			<span>Competence..</span>
      		</li>
      		<li>
      			<img src="images/Performance.png" alt="" />
      			<span>Performance..</span>
      		</li>
      		<li>
      			<img src="images/Organization.png" alt="" />
      			<span>Organization..</span>
      		</li>
      		<li>
      			<img src="images/Employee.png" alt="" />
      			<span>Employee..</span>
      		</li>
      		<li>
      			<img src="images/Attendance.png" alt="" />
      			<span>Attendance..</span>
      		</li>
      		<li>
      			<img src="images/Recruitment.png" alt="" />
      			<span>Recruitment..</span>
      		</li>
      		<li>
      			<img src="images/Training.png" alt="" />
      			<span>Training..</span>
      		</li>
      		<li>
      			<img src="images/Salary.png" alt="" />
      			<span>Salary..</span>
      		</li>
      		<li>
      			<img src="images/Payroll.png" alt="" />
      			<span>Payroll..</span>
      		</li>
      		<li>
      			<img src="images/Query.png" alt="" />
      			<span>Query..</span>
      		</li>
      		<li>
      			<img src="images/Reports.png" alt="" />
      			<span>Reports</span>
      		</li>
          <div class="clear"></div>
      	</ul>
        <span><a href=""></a><a href=""></a></span>
      </nav> 
      <div id="mailinfo">
      	<span>[Mail]</span>
      	<a href="">BA and KLM cancel some flights to and within the UK because of fears from volcanic ash coming from iceland</a>
      	<span></span>
      </div>
      <div id="infolist">
      	<nav>
      		<a href="">Searching</a>
      		<a href="">Processing</a>
      	</nav>
      </div>
        <div class="clear"></div>
      <div>
      <table>
      	<tr class="header">
      		<td><a href=""></a></td>
      		<td><a href=""></a></td>
      		<td><a href=""></a></td>
      		<td><a href=""></a></td>
      		<td></td>
      		<td></td>
      		<td></td>
        </tr>
      	<tr>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      	</tr>
      	<tr>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      	</tr>
      	<tr>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      	</tr>
      	<tr>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      	</tr>
      	<tr>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      	</tr>
      	<tr>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      	</tr>
      	<tr>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      	</tr>
      	<tr>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      	</tr>
      	<tr>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      	</tr>
      	<tr>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      	</tr>
      	<tr>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      		<td></td>
      	</tr>
      </table>
    </div>
    </div>
  </div>
</body>
</html>
